<section class="py-20 bg-white">
    <div class="container mx-auto px-4 sm:px-6 lg:px-8">
        <div class="max-w-4xl mx-auto">
            <div class="text-center mb-12">
                <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold text-dark mb-4">背景理念</h2>
                <div class="w-20 h-1 bg-primary mx-auto rounded-full"></div>
            </div>

            <div class="grid grid-cols-1 lg:grid-cols-5 gap-8 items-center">
                <div class="lg:col-span-2">
                    <div class="relative">
                        <img src="sections/images/background.png" alt="Snow项目背景"
                  class="rounded-xl shadow-lg w-full h-auto">
                        <div class="absolute -bottom-6 -right-6 bg-primary text-white p-4 rounded-lg shadow-lg hidden md:block">
                            <p class="font-bold text-2xl">补充内容</p>
                            <p class="text-sm opacity-90">补充内容</p>
                        </div>
                    </div>
                </div>

                <div class="lg:col-span-3 space-y-6">
                    <div>
                        <h3 class="text-xl font-semibold mb-3 flex items-center">
                            <span class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center mr-3 flex-shrink-0">
                                <i class="fa fa-lightbulb-o text-primary"></i>
                            </span>
                  项目背景
                </h3>
                        <p class="text-dark/70 pl-11">
                  自 ChatGPT 3.5 诞生以来，越来越多的个人和企业将 LLM 生成的代码融入日常开发与自动化。然而，实践证明：LLM 生成的代码虽然“看起来没问题”，却常因对底层语言细节把握不准导致微妙
                  Bug——比如运算符优先级混淆、作用域处理错误、甚至基础库调用都无法编译通过。</p>
                    </div>

                    <div>
                        <h3 class="text-xl font-semibold mb-3 flex items-center">
                            <span class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center mr-3 flex-shrink-0">
                                <i class="fa fa-bullseye text-primary"></i>
                            </span>
                  设计理念
                </h3>
                        <p class="text-dark/70 pl-11">
                  传统编程语言的设计多偏重“计算机”的执行效率，程序员往往在抽象表达和底层性能之间不断权衡。Ruby 之父松本行弘提出“为人而不是为机器编程”的理念。而在 LLM
                  日益普及的今天，我们应当承认：大型模型正成为“超级程序员”，它们不仅是助手，更是“代码生产的中介”。如果一门语言的语法和设计能最大化发挥 LLM 的推理与生成能力，人机协作的效率将被极大提升。</p>
                    </div>

                    <div>
                        <h3 class="text-xl font-semibold mb-3 flex items-center">
                            <span class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center mr-3 flex-shrink-0">
                                <i class="fa fa-road text-primary"></i>
                            </span>
                  语言使命
                </h3>
                        <p class="text-dark/70 pl-11">
                  让编程语言不再“让人头疼”，而是“让 LLM 更加从容地书写”。目标受众涵盖 LLM 爱好者、开发者、对编译原理感兴趣的学生，以及对性能有追求的工程师甚至是初学者——每个人都能在 Snow
                  中找到乐趣与成长。</p>
                    </div>

                    <div class="pl-11 pt-4">
                        <a href="#" class="inline-flex items-center text-primary font-medium hover:underline">
                  查看完整项目历程 <i class="fa fa-long-arrow-right ml-2"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>